
    <footer class="m-tabbar footerbot">
       
        <a id="index" ng-click="access_json('/index/')" class="tabbar-item">
            <!--<label class="icon-homes  {if $_GPC['do']=='index'} active {/if}"></label>-->
         
            <img ng-if="page.action=='index'" src="../addons/jy_jdk/custom/templates/mobile/img/tabbar-index-selected.png" class="tabber-style  " ng-class="{'active':page.action=='index'}  "/>
            
            <img ng-if="page.action!='index'" src="../addons/jy_jdk/custom/templates/mobile/img/tabbar-index-default.png" class="tabber-style  "/>
           
            <span class="tabbar-txt">首页</span>
        </a>
   
         <a id="searchlist" ng-click="access_json('/searchlist/')" class="tabbar-item">
              
               <img ng-if="page.action=='searchlist'" src="../addons/jy_jdk/custom/templates/mobile/img/tabbar-search-selected.png" class="tabber-style active "/>
              
               <img ng-if="page.action!='searchlist'"   src="../addons/jy_jdk/custom/templates/mobile/img/tabbar-search-default.png" class="tabber-style  active "/>
              
               <span class="tabbar-txt">超级搜索</span>
        </a>
     
        <a id="my" ng-click="access_json('/my/')" class="tabbar-item">
          
               <img  ng-if="page.action=='my'" src="../addons/jy_jdk/custom/templates/mobile/img/tabbar-wode-selected.png" class="tabber-style  active "/>
              
               <img  ng-if="page.action!='my'" src="../addons/jy_jdk/custom/templates/mobile/img/tabbar-wode-default.png" class="tabber-style active "/>
               
               <span class="tabbar-txt">我的</span>
        </a>
       
      
    </footer>
    
   

<style>
.footerbot { position: fixed;bottom: 0px; left: 0px;}
.m-tabbar{ width: 100%; overflow: hidden; padding:6px 0 0 0; height: auto; position: fixed; left: 0px; bottom: 0px; background: #fff; border-top:1px solid #E2E2E2}
.m-tabbar a{ /*width:33.33%; float: left; text-align: center*/}
.m-tabbar a label  { display: block; margin: 0 auto}
.m-tabbar .tabbar-txt{ font-size:13px;display: block;}
.tabbar-item {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.m-tabbar, .navbar-center {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;}
</style>
